/**
 * 简单封装Ant Design 的Modal
 * 后期如果需要新的属性注入,在里边新增
 * 只做了样式的修改
 * footer被干掉了,因为按钮的样式需求,footer自己去布局
 */
import React from 'react';
import { Modal } from 'antd';
import styles from './index.module.less';

const ModalComponent = ({
  children,
  visible,
  width,
  onCancel,
  title,
}) => (
  <Modal
    visible={visible}
    width={width}
    footer={null}
    onCancel={onCancel}
    getContainer={false}
    maskClosable={false}
    maskStyle={{ backgroundColor: 'rgba(24, 28, 37, 0.8)' }}
    title={title}
    wrapClassName={styles.modalWrap}
  >
    {children}
  </Modal>
);

export default ModalComponent;
